 <div class="register-approval" *ngIf="docid?formJson:true;else elseBlock">
  <div class="registerCsae" *ngIf="!isReadonly">
      <span style='margin-left:0'>案件环节：</span>
      <nz-select class='select' style="width: 120px;vertical-align: middle" [nzDisabled]='isReadonly'  (ngModelChange)="selectChange($event)" nzPlaceHolder='请选择' [ngModel]='getSelectValue'  [nzSuffixIcon]='icon'   [nzSuffixIcon]='icon' nzAllowClear='false'>
          <nz-option nzValue="线索" nzLabel="线索" >线索</nz-option>
          <nz-option nzValue="立案" nzLabel="立案" >立案</nz-option>
          <nz-option nzValue="调查取证" nzLabel="调查取证" >调查取证</nz-option>
          <nz-option nzValue="处罚决定" nzLabel="处罚决定" >处罚决定</nz-option>
          <nz-option nzValue="执行与结案" nzLabel="执行与结案" >执行与结案</nz-option>
          <nz-option nzValue="强制执行" nzLabel="强制执行" >强制执行</nz-option>
      </nz-select>
      <span>案件类型：</span>
      <nz-tree-select
        [nzDisabled]='isReadonly'
        nzPlaceHolder='请选择'
        style="vertical-align: top;width:180px;border:1px solid rgba(212,218,229,1);height:34px;overflow:hidden;border-radius:0;padding:0;"
        [nzNodes]="nodes"
        nzCheckable='true'
        [(ngModel)]="treeValue"
        (ngModelChange)="treeOnChange($event)"
      >
    </nz-tree-select> 
  </div> 
  <div class='form' #form>
    <table style="width: 100%;">
      <thead>
        <tr>
          <th colspan="2">
            《立案审批表》
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <span>
                案件类型：
            </span>
          </td>
          <td>
              <nz-radio-group name="PartyPerson" [nzDisabled]='isReadonly'  [(ngModel)]="sortValue">
                  <label nz-radio name='PartyPerson'    nzValue="0">单位</label>
                  <label nz-radio name='PartyPerson'   nzValue="1">个体工商户或个人</label>
              </nz-radio-group>
          </td>
        </tr>
        <ng-container *ngIf="sortValue == '0'">
            <tr>
                <td>
                    <span>名称：</span></td>
                <td>
                  <input placeholder="单位名称" [(ngModel)]="formJson.depNameReport"  [readonly]='isReadonly' class='input'/>
                </td>
              </tr>
              <tr>
                  <td>
                      <span>统一社会信用代码：</span>
                    </td>
                  <td>
                    <input placeholder="统一社会信用代码" [readonly]='isReadonly' [(ngModel)]="formJson.socialCode"  class='input'/>
                </td>
              </tr>
              <tr>
                  <td> 
                      <span> 法人(负责人)：</span></td>
                  <td>
                    <input placeholder="法人(负责人)" [readonly]='isReadonly' [(ngModel)]="formJson.pic"  class='input'/>
                  </td>
              </tr>
        </ng-container>
        
        <ng-container *ngIf="sortValue == '1'">
            <tr>
                <td>
                    <span>字号名称：</span></td>
                <td>
                  <input placeholder="字号名称"  [readonly]='isReadonly' [(ngModel)]="formJson.fontName"  class='input'/>
                </td>
              </tr>
              <tr>
                  <td>
                      <span>姓名：</span></td>
                  <td>
                    <input placeholder="姓名"  [readonly]='isReadonly' [(ngModel)]="formJson.name"  class='input'/>
                  </td>
              </tr>
              <tr>
                  <td>
                      <span>统一社会信用代码：</span>
                    </td>
                  <td>
                    <input placeholder="统一社会信用代码"  [readonly]='isReadonly' [(ngModel)]="formJson.registerCode"  class='input'/>
                </td>
              </tr>
              <tr>
                  <td>
                      <span>证件号码：</span>
                    </td>
                  <td>
                    <input placeholder="身份证(其他有效证件)号码"  [readonly]='isReadonly' [(ngModel)]="formJson.idNum" class='input'/>
                </td>
              </tr>  
        </ng-container>
    
        <tr>
            <td>
                <span>住所(住址)：</span></td>
            <td>
                <nz-select style="width: 110px;margin-right: 10px"  [nzDisabled]='isReadonly'  name="city" [nzSuffixIcon]='icon'  (ngModelChange)='onCityChange($event)'   nzPlaceHolder="选择盟市" [(ngModel)]="addressDetails[0]">
                    <ng-container *ngIf="cities">
                        <ng-container *ngFor="let city of cities">
                            <nz-option [nzValue]="city.key"   [nzLabel]="city.label">{{city.label}}</nz-option>
                        </ng-container>
                    </ng-container>
                </nz-select>
                <nz-select style="width: 110px;margin-right: 10px" [nzDisabled]='isReadonly' name="county" [nzSuffixIcon]='icon'  (ngModelChange)='onCountyChange($event)'   nzPlaceHolder="选择旗县" [(ngModel)]="addressDetails[1]">
                    <ng-container *ngIf="counties">
                        <ng-container *ngFor="let county of counties ">
                            <nz-option [nzValue]="county.key"  [nzLabel]="county.label">{{county.label}}</nz-option>
                        </ng-container>
                    </ng-container>
                </nz-select>
                <input type="text"  placeholder="详细门牌地址" [readonly]='isReadonly' [(ngModel)]="addressDetails[2]" class='input' name='detail'/>
            </td>
        </tr>

        <tr>
            <td>
                <span>案由(负责人)：</span></td>
            <td>
              <input placeholder="涉嫌+违法行为性质+案"   [readonly]='isReadonly' [(ngModel)]="formJson.registerContent"  class='input'/>
            </td>
        </tr>
        <tr>
            <td>
                <span>案源登记时间：</span></td>
            <td>
                <nz-date-picker [(ngModel)]="registerDate" [nzDisabled]='isReadonly' style="width: 200px;vertical-align: middle;height:30px;"  nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd hh:mm:ss'></nz-date-picker>
            </td>
        </tr>
        <tr>
            <td>
                <span>经办人：</span></td> 
            <td>
                <input type="text"   [readonly]='isReadonly' placeholder="填写经办人" [(ngModel)]="formJson.agent" class='input' name='agent'/>
                <span style="display: inline-block;margin-left:10px;">时间</span>
                <nz-date-picker  [nzDisabled]='isReadonly' style="width: 130px;vertical-align: middle;height:30px;margin:0 15px" [(ngModel)]="agentDate"  nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
            </td>
        </tr>
        <tr>
            <td>
                <span>核查情况及 &nbsp;<br/> 立案理由 &nbsp;</span></td>
            <td>
                <textarea placeholder="核查情况及立案理由"   [readonly]='isReadonly' class='textarea' [(ngModel)]="formJson.filingReason"></textarea>
            </td>
        </tr>
        <tr>
          <td>
              <span>办案机构负责人意见：</span></td>
          <td>
              <textarea placeholder="办案机构负责人意见" readonly class='textarea' [(ngModel)]="formJson.opinionOpi"></textarea>
          </td>
        </tr>
        <tr>
            <td>
                <span>部门负责人意见：</span></td>
            <td>
                <textarea placeholder="部门负责人意见" readonly class='textarea' [(ngModel)]="formJson.opinionDep"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <span>备注：</span></td>
            <td>
                <textarea placeholder="备注信息"   [readonly]='isReadonly' class='note'  [(ngModel)]="formJson.remarks"></textarea>
            </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>


<ng-template #icon>
    <i nz-icon nzType="caret-down" nzTheme="outline"></i>
</ng-template>
<app-loading-ball-pulseb *ngIf="loading"></app-loading-ball-pulseb>
<ng-template #elseBlock> 
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
        transform:translate(-50%,-50%);
        position: absolute;  
        font-size:18px;
        width:180px;
        height:150px; 
        text-align: center;
        margin-top:150px;
        top:50%;
        left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template> 
